<template>
    <div class="w_content">
        <div class="left l">
            <ol class="ol1">
                <li v-for="(item,index) in arr" :key="index" :class="active==index ? 'active' : '' " @click="navFn(index)">
                    {{item}}
                </li>
            </ol>
        </div>
        <div class="right r">
            <ul class="ul1">
                <li v-if="active==0">
                    <h2 class="h2"><span>通知公告</span></h2>
                    <lists></lists>
                </li>
                <li v-if="active==1">
                    <h2 class="h2"><span>政策法规</span></h2>
                    <lists></lists>
                </li>
                <li v-if="active==2">
                    <h2 class="h2"><span>党建工作</span></h2>
                    <lists></lists>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
import lists from '@/components/list/list'
export default {
    data(){
        return {
            A002:0,
            active:0,
            arr:['通知公告','政策法规','党建工作']
        }
    },
    methods:{
        navFn(index){
            this.active = index
        },
    },
    components:{
        lists
    }
}
</script>

<style scoped>
.h2{
    margin-bottom:20px;
}
</style>